<template>
  <view class="app">
    <view class="app-head">
      <view class="app-logo" />
    </view>
      <img :src="code" mode="widthFix" class="app-code" />
  </view>
</template>

<script>
export { isAndroid } from "@/common/bridge.js";
export default {
  name: "sharewx",
  data() {
    return {
      code: "",
    };
  },
  mounted() {
    this.$u.api.getWxQrcode({
      page: "pages/sys/home/index"
    }).then((res) => {
      this.code = res.data
    });
  }
};
</script>

<style lang="scss">
page {
  background-color: #c8e3fe;
}

.app {
  width: 100%;
  width: 100%;
  position: relative;
  width: 750rpx;
  height: 1125rpx;
  &-head {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: url("//static.xyb2b.com/images/52ff0a48a055cb7fa1173a94484d9aff.png")
      no-repeat;
    background-size: 100% auto;
    width: 750rpx;
    height: 1125rpx;
    position: relative;
    z-index: 1;
    pointer-events: none;
  }
  &-code {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 300rpx;
    height: 300rpx;
    z-index: 9999;
  }
  &-logo {
    position: absolute;
    bottom: 0;
    left: 50%;
    height: 360rpx;
    transform: translateX(-50%);
    background: url("//static.xyb2b.com/images/752b1aed77356eb5e23d134f5982a236.png")
      no-repeat;
    width: 300rpx;
    background-size: 100% auto;
    pointer-events: none;
    z-index: 1;
  }
}

</style>